Skip to main content

DiscriminatedBlocks

Renders different blocks based on a value in a discrimination field.
<DiscriminatedBlocks label="Link" field="type">
  <Block discriminateBy="article" label="Articles">
    <SelectField options="Article.slug" field="article" label="Article" />
  </Block>
  <Block discriminateBy="url" label="External link">
    <TextField label="Url" field="url" />
  </Block>
</DiscriminatedBlocks>
DiscriminatedBlocksProps
DiscriminatedBlocksProps
Intersection of
DiscriminatedBlocksProps
allowBlockTypeChange
boolean
children*
React.ReactNode
FieldContainerProps
FieldContainerProps
Intersection of
FieldContainerProps
children*
React.ReactNode
className
string
description
React.ReactNode
direction
StackProps["direction"]
gap
| Size| "none"
label*
React.ReactNode
labelDescription
React.ReactNode
labelPosition
FieldContainerLabelPosition
required
boolean
size
Size
style
React.CSSProperties
useLabelElement
boolean
width
| "column"| "fluid"| "none"
ErrorListProps
ErrorListProps
errors
FieldErrors
SugaredRelativeSingleField
SugaredRelativeSingleField
Intersection of
UnsugarableRelativeSingleField
UnsugarableRelativeSingleField
UnsugarableLeafField
UnsugarableLeafField
Intersection of
UnsugarableFieldEventListeners
UnsugarableFieldEventListeners
UnsugarableFieldEventListeners
onBeforeUpdate
FieldEventListenerValue<"beforeUpdate", FieldValue>
onInitialize
FieldEventListenerValue<"initialize", FieldValue>
onUpdate
FieldEventListenerValue<"update", FieldValue>
UnsugarableLeafField
defaultValue
OptionallyVariableFieldValue
isNonbearing
boolean
SugaredRelativeSingleField
field*
| string| SugarableRelativeSingleField